<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css" />
		<link rel="stylesheet" type="text/css" href="css/game.css" />
		<link rel="stylesheet" type="text/css" href="css/head.css" />
		<link rel="stylesheet" type="text/css" href="css/f_lunbo.css" />
		<link rel="stylesheet" type="text/css" href="css/left.css"/>
		<style type="text/css">
			.CHL_scmove {
				margin-top: 10px;
				width: 100%;
				background: white;
				padding-top: 6px;
			}
			
			.CHL_scmove .swiper-container {
				width: 95%;
				height: 110px;
				margin: auto;
			}
			
			.CHL_scmi1 {
				margin-right: 8px;
			}
			
			.CHL_scmi1img {
				height: 76px;
				width: 100%;
			}
			
			.CHL_scmi1img img {
				width: 100%;
				height: 100%;
			}
			
			.CHL_scmi1sp {
				text-align: center;
				margin-top: 5px;
			}
			
			.CHL_scmi1sp span {
				font-size: 0.8rem;
			}
		</style>
	</head>

	<body>
		<div class="CHL_wrap">
			
				<!--个人信息start-->
		<div class="CHL_wrap_left">
			<img src="img/users/leftback.png"/>
		<div class="CHL_wrap_all">
		<div class="CHL_left_a1">
			<img src="img/users/lefthead.png"/>
			<button>登 陆</button>
		</div>
		<ul class="CHL_left_a2">
			<li class="CHL_left_b1">我关注的游戏</li>
			<li class="CHL_left_b2">
				<img src="img/users/leftgame.png"/ class="CHL_left_c1">
				<span class="CHL_left_c2">我关注的游戏</span>
				<img src="img/users/leftRmark.png" class="CHL_left_c3"/>
			</li>
		</ul>
		<a href="###" class="CHL_left_a3">
			<div class="CHL_left_b3">
				+
			</div>
			<span class="CHL_left_b4">添加游戏</span>
		</a>	
		</div>
		</div>
		<!--个人信息end-->
				
				
			<!--头部-->
			<div class="CHL_wrap_right" style="position: relative;">
			<div class="CHL_head_wrap">
				<div class="CHL_head_wrap_img">
					<div class="CHL_head_wrap_img_top"><img src="img/管理游戏2/组 1.png" /></div>

					<div class="CHL_top">
						<div class="CHL_head_wrap_img_login">
							<a href="###"><img src="img/首页/圆角矩形 2 拷贝 2.png" style="width:30%" /></a>
						</div>
						<div class="CHL_head_wrap_mobileGame">
							<span>游戏视频</span>
						</div>
						<div class="CHL_head_wrap_bianji">
							<span class="editor"><a href="collection.html"></a></span>
						</div>
					</div>

				</div>

			</div>

			<!--内容-->
			<div class="CHL_game">
				<!--轮播图 start-->
				<div class="swiper_lun">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<a href="detail.html" class="swiper-slide">
								<img src="img/首页/矩形1.png" />
							</a>
							<a href="detail.html" class="swiper-slide">
								<img src="img/首页/矩形2.png" />
							</a>
							<a href="detail.html" class="swiper-slide">
								<img src="img/首页/矩形3.png" />
							</a>

						</div>
						<div class="swiper-pagination">
						</div>

					</div>
				</div>
				<!--轮播图 end-->

				<div class="CHL_game_vip">
					<div class="CHL_game_vip_img">
						<!--<img src="img/首页/视屏/视频专区/图层 20 拷贝.png"/>
						<img src="img/首页/视屏/视频专区/图层 20 拷贝.png"/>
						<img src="img/首页/视屏/视频专区/图层 20 拷贝.png"/>-->
					</div>
					<!--<div class="CHL_game_vip_circle">
						<img src="img/首页/视屏/视频专区/班呢人.png"/>
						<img src="img/首页/视屏/视频专区/椭圆 18 拷贝 2.png"/>
						<img src="img/首页/视屏/视频专区/椭圆 18 拷贝 2.png"/>
					</div>
					-->
					<!--视频专区-->
					<div class="CHL_game_TVvip">
						<div class="CHL_game_TVvip_TV">
							<img src="img/视屏/视频专区/Shape 365.png" />
							<span>视频专区</span>
						</div>

						<!--中间滑动图 start-->
						<div class="CHL_scmove">
							<!--展示区域-->
							<div class="swiper-container">
								<!--内容-->
								<div class="swiper-wrapper">
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move1.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>天涯明月刀1</span>
											</div>

										</div>
									</div>
									<div class="swiper-slide CHL_scmi">

										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move2.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>天天酷跑2</span>
											</div>
										</div>
									</div>
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move3.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>我的世界3</span>
											</div>

										</div>
									</div>
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move4.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>大话西游4</span>
											</div>
										</div>

									</div>
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move1.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>我的世界5</span>
											</div>

										</div>

									</div>
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move2.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>大话西游6</span>
											</div>
										</div>

									</div>
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move3.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>我的世界7</span>
											</div>

										</div>
									</div>
									<div class="swiper-slide CHL_scmi">
										<div class="CHL_scmi1">
											<div class="CHL_scmi1img">
												<img src="img/商城/move4.png" />
											</div>
											<div class="CHL_scmi1sp">
												<span>大话西游8</span>
											</div>
										</div>

									</div>

								</div>
							</div>
						</div>
						<!--中间滑动图 end-->

						<!--轮播-->
						<!--<div class="CHL_game_TVvip_lunbo">
							<div class="CHL_game_TVvip_lunboimg">
								<div class="CHL_game_TVvip_one">
									<img src="img/视屏/视频专区/图层 13.png" />
									<p>天天酷跑</p>
								</div>
								<div class="CHL_game_TVvip_one">
									<img src="img/视屏/视频专区/图层 14.png" />
									<p>天天酷跑</p>
								</div>
								<div class="CHL_game_TVvip_one">
									<img src="img/视屏/视频专区/图层 15.png" />
									<p>天天酷跑</p>
								</div>
								<div class="CHL_game_TVvip_one">
									<img src="img/视屏/视频专区/图层 13.png" />
									<p>天天酷跑</p>
								</div>
							</div>
						</div>
					</div>-->

						<!--最新视频-->
						<div class="CHL_game_TVvip_new">
							<div class="CHL_game_TVvip_TV">
								<img src="img/视屏/视频专区/Shape 365.png" />
								<span>视频专区</span>
							</div>
							<div class="CHL_game_TVvip_newlli">
								<ul>
									<li>

										<div class="CHL_game_TVvip_newimg"><img src="img/视屏/视频专区/图层 12.png" />
										<img src="img/视屏/英雄联盟视屏/椭圆 4 拷贝.png"/>
									<img src="img/视屏/视频专区/play 拷贝 2.png"/>
											<div class="CHL_game_TVvip_newimgone">
												<p>英雄联盟</p>
											</div>
										</div>

										<p>6.1版本单排行上最强打野英雄</p>
										<p>Tops5排行</p>

									</li>
									<li>
										<div class="CHL_game_TVvip_newimg"><img src="img/视屏/视频专区/图层 12.png" />
										<img src="img/视屏/英雄联盟视屏/椭圆 4 拷贝.png"/>
									<img src="img/视屏/视频专区/play 拷贝 2.png"/>
											<div class="CHL_game_TVvip_newimgone">
												<p>英雄联盟</p>
											</div>
										</div>

										<p>6.1版本单排行上最强打野英雄</p>
										<p>Tops5排行</p>
									</li>
									<li>

										<div class="CHL_game_TVvip_newimg"><img src="img/视屏/视频专区/图层 12.png" />
										<img src="img/视屏/英雄联盟视屏/椭圆 4 拷贝.png"/>
									<img src="img/视屏/视频专区/play 拷贝 2.png"/>
											<div class="CHL_game_TVvip_newimgone">
												<p>英雄联盟</p>
											</div>
										</div>

										<p>6.1版本单排行上最强打野英雄</p>
										<p>Tops5排行</p>

									</li>
									<li>
										<div class="CHL_game_TVvip_newimg"><img src="img/视屏/视频专区/图层 12.png" />
										<img src="img/视屏/英雄联盟视屏/椭圆 4 拷贝.png"/>
									<img src="img/视屏/视频专区/play 拷贝 2.png"/>
											<div class="CHL_game_TVvip_newimgone">
												<p>英雄联盟</p>
											</div>
										</div>

										<p>6.1版本单排行上最强打野英雄</p>
										<p>Tops5排行</p>
									</li>
								</ul>
							</div>
						</div>

						<div class="CHL_game_TVvip_newwhite"></div>
					</div>
				</div>
				<!--底部-->
				<div class="CHL_foot_wrap">
					<div class="CHL_foot_wrap_parcel">
						<div class="CHL_foot_wrap_fir foot">
							<img src="img/管理游戏2/Home.png" />
							<p>首页</p>
						</div>
						<div class="CHL_foot_wrap_two foot">
							<img src="img/首页/Play视频.png" />
							<p>视频</p>
						</div>
						<div class="CHL_foot_wrap_thr foot">
							<img src="img/首页/Tag.png" />
							<p>商城</p>
						</div>
						<div class="CHL_foot_wrap_four foot">
							<img src="img/首页/椭圆 17.png" />
							<p>我的</p>
						</div>
					</div>
					</div>
				</div>
			</div>
	</body>
	<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/f_lunbo.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/foot.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var swiper = new Swiper('.CHL_scmove .swiper-container',{
			//控制轮播图的滚动方向
			//水平
			direction:'horizontal',
			slidesPerView:3.8,
			//切换控制效果(cube fade overflow flip)
			effect:'overflow',

		});
	</script>
</html>